<%- include header %>
<style>
 /*   a:hover {
        text-decoration: none;
        color:#333333;
    }

    .text_12 {
        font-size: 20px;
    }

    .all100 {
        display: block;;
        width: 100%;
        height: 100%;
    }

    .text_orange {
        color: orange;
    }

    .border0 {
        border: 0 !important;
    }

    .readius0 {
        border-radius: 0 !important;
    }

    .margin0 {
        margin: 0;
    }

    .padding0 {
        padding: 0;
    }

    .productitle {
        font-size: 14px;
        margin: 5px 0 0 0;
        color: #333333;
    }

    .CompartmentTitle {
        padding: 16px 16px;
        margin-top: 0;
        margin-bottom: 0;
        background: #ffffff;
    }

    .containermain {
        background: #efefef;
    }

    .posiFather {
        position: relative;
    }

    .posis_left_buttom {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    .posis_right_buttom {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

    .with100 {
        width: 100% !important;
    }

    .banner {
        width: 100%;
        height: 70px;
    }

    .closeBaner {
        position: absolute;
        right: 8px;
        bottom: 50%;
        color: #ffffff;
        font-size: 28px;
    }

    .wrap {
        width: 100%;
        height: 100%;
    }

    .pro_Detail_banner {
        width: 100%;
        height: 200px;
        position: relative;
    }

    .barTitle {
        width: 100%;
        height: 50px;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.5);
        position: relative;
        left: 0;
        bottom: 50px;
        z-index: 99;
        padding: 5px 10px;
    }

    .barTitle h4 {
        width: 100%;
        font-size: 20px;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 24px;
    }

    .barTitle p {
        padding: 0 !important;
        font-size: 12px;
        margin: 0 !important;
    }

    .cart {
        width: 100%;
        height: 55px;
        background: #ffffff;
        padding: 10px;
        position: relative;
        bottom: 0px;
        left: 0;
    }
    .cart div.col-xs-8{
        line-height: 40px;
    }
    .deal {
        width: 100%;
        height: 50px;
        background: #efefef;
        margin-bottom: 0!important;
    }
    .deal table{
        background: #ffffff;
    }
    .discuss{
        width: 100%;
        height:40px;
        line-height: 40px;
        border-bottom: 1px solid #eeeeee;
    }*/

</style>
<div class="wrap">
    <div class="pro_Detail_banner">
        <a href="#">
            <img class="all100" src="/images/detail.jpg">
            <div class="barTitle margin0">
                <h4>agogoKTV</h4>
                <p>7小时阳光场/6小时午夜场/免费WIFI</p>
            </div>
        </a>
    </div>
    <div class="cart">
        <div class="col-xs-8">
            <span class="text_12 text_orange">￥199</span>
            <small class="text-muted"><s>￥ 288</s></small>
        </div>
        <div class="col-xs-4">
            <a href="#" class="btn btn-warning pull-right readius0">立即抢购</a>
        </div>
    </div>
    <div class="deal text-success table-responsive">
        <table class="table">
            <tr>
                <td><span><i class="glyphicon glyphicon-ok-circle"></i> 随时退</span></td>
                <td><span><i class="glyphicon glyphicon-ok-circle"></i> 过期退</span></td>
                <td><span><i class="glyphicon glyphicon-ok-circle"></i> 免预约</span></td>
                <td class="text-muted"><span> <i class="glyphicon glyphicon-ok-circle"></i> 已售2498</span></td>
            </tr>
        </table>
    </div>
    <div class="discuss container">
        <a href="http://www.baidu.com" class="text-muted">
                <span class="pull-left"><i class="glyphicon glyphicon-thumbs-up"></i> 218个好评</span>
                <span class="pull-right">共238条评论 <i class="glyphicon glyphicon-menu-right"></i></span>
        </a>
    </div>
    <div class="main">
        <div class="panel panel-default">
            <div class="panel-heading">
               团购详情
            </div>
            <div class="panel-body">
                <table width="100%" cellpadding="0" cellspacing="0" class="detail-table">
                    <thead>
                    <tr>
                        <th width="50%">名称</th>
                        <th width="25%">数量</th>
                        <th width="25%">单价</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>KTV欢唱券（多种时段可选）</td>
                        <td class="tc">1份</td>
                        <td class="tc">1260元</td>
                    </tr>
                    <tr>
                        <td>爆米花</td>
                        <td class="tc">1份</td>
                        <td class="tc">19元</td>
                    </tr>
                    <tr><th colspan="3">欢乐壶(4选1,不可重复选)</th></tr>
                    <tr>
                        <td>冰菊花普洱茶</td>
                        <td class="tc">1壶</td>
                        <td class="tc">55元</td>
                    </tr>
                    <tr>
                        <td>热菊花枸杞茶</td>
                        <td class="tc">1壶</td>
                        <td class="tc">55元</td>
                    </tr>
                    <tr>
                        <td>酷爽冻柠红茶</td>
                        <td class="tc">1壶</td>
                        <td class="tc">55元</td>
                    </tr>
                    <tr>
                        <td>乌龙茶</td>
                        <td class="tc">1壶</td>
                        <td class="tc">55元</td>
                    </tr>
                    <tr class="total">
                        <td></td>
                        <td class="tc">总价值<br><strong>团购价</strong></td>
                        <td class="tc">1334元<br><strong>69元</strong></td>
                    </tr>
                    </tbody>
                </table>


            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                购买须知
            </div>
            <div class="panel-body">
                <p>以下欢唱时段(2选1,不可以重复)</p>
                <p>  -周一至周五欢唱3小时（10:00~20:00）：1张团购券</p>
                <p> -周六至周日欢唱3小时（10:00~20:00）：1张团购券+60元</p>
                <p>  -下午茶包含：下午茶拼盘一份+英式奶茶一壶</p>
                <p>  -此活动一律于20:00关机，最晚17:00截止进场</p>
                <p>  -此活动如遇节假日参考周六、周日规则使用</p>
                <p> -苏州店十二月中旬即将开业</p>

            </div>
        </div>
    </div>
</div>

<%- include resources %>
<%- include footer %>